{% extends "base.html" %}

{% block navbar %}
  <!-- Setup navigation bar -->
  <div class="navbar navbar-inverse">
    <div class="navbar-inner">
      <a class="brand" href="{% url home_page %}">All Saints Church</a>
      <ul class="nav">
        <li id="search_nav"><a href="{% url search_page %}">Search</a></li>
        <li id="add_nav"><a href="{% url add_page %}">Add</a></li>
        <li id="reports_nav"><a href="{% url reports_page %}">Reports</a></li>
      </ul>
    </div>
  </div>
{% endblock %}

{% block javascript_extend %}
<script>
<!-- Set nav-bar element to active -->
$("#{% block active_nav %}{% endblock %}").attr("class", "active");
</script>
{% endblock %}